<template>
  <ga-tabs
    v-model:activeKey="activeKey"
    type="rounded"
    animation
    class="tabs_container"
    hide-content
    @tab-click="$emit('fetchData')"
  >
    <!-- <ga-tab-pane key="">
      <template #title> 全部 ({{ allTotal }}) </template>
    </ga-tab-pane> -->
    <ga-tab-pane v-for="item in list" :key="item.value" :title="item.label" />
  </ga-tabs>
</template>

<script setup>
import { ref, defineModel } from "vue";
 defineProps({
    list: {
      type: Array,
      default:() => [],
    }
  });
  const activeKey = defineModel()

</script>
<style lang="scss" scoped>
.tabs_container {
  :deep(.garco-tabs-tab:hover) {
    background: var(--color-fill-2) !important;
  }
  :deep(.garco-tabs-nav-tab) {
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f4;
    background: transparent !important;
    margin: 0 0 16px;
  }
}
</style>
